
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./adaptive.js"></script>
    <script src="./jq.js"></script>
    <title>邀请好友</title>
    <style>
         * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        .share-page {
            position: relative;
            width: 7.5rem;
            height: 100vh;
            background: linear-gradient(to bottom, #360F18, #3B0001);
            overflow-x: hidden;
        }
        .share-page .bg {
            width: 7.5rem;
            height: 13.34rem;
            background: url('./images/share_page_bg.png') no-repeat;
            background-size: contain;
        }
        .share-page .qr-code-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 6.3rem;
            height: 4.5rem;
            background: #fff;
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: .6rem;
            font-size: 13px;
        }
        .qr-code-box .qr-code {
            width: 2rem;
            height: 2rem;
        }
        .qr-code-box .qr-code img {
            width: 100%;
            height: 100%;
        }
        .download-text {
            margin-top: .3rem;
            color: #919191;
        }
        .desc {
            margin-top: .15rem;
        }
 body > a {
            display: none;
        }
    </style>
</head>
<body>
    <script>
        window['adaptive'].designWidth = 750;
        window['adaptive'].baseFont = 24;
        window['adaptive'].scaleType = 1;
        // 初始化
        window.adaptive.init();
    </script>
    <div class="share-page">
        <div class="bg"></div>
        <div class="qr-code-box">
            <div class="qr-code">
                <img src="" alt="" class="code-img">
            </div>
            <div class="download-text">扫描二维码下载足球app</div>
<!--
            <div class="desc">足球比分直播、竞猜娱乐</div>
-->
        </div>
    </div>
    <script>
         var userId = null;
         var domain = 'http://39.98.47.61:18882';
         var commonParams = {
             appKey: 'LOVE-LOTTERY',
             channel: 'h5',
             source: 3,
         };
         var imgUrl = '';
         window.location.search.replace('?', '').split('&').map(item => {
            if(item.indexOf('user') > -1) {
                userId = item.split('=')[1];
            }
        })
        let data = Object.assign(commonParams, {userId: userId});
        $.post(domain + '/app/user/share/rq', data, function (res) {
            if (+res.code === 0) {
                imgUrl = domain + res.data.image;
            }
            $('.code-img')[0].src = imgUrl;
        })
    </script>
<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278260129&web_id=1278260129"></script>
</body>
</html>
